require('../../assets/js/common.js')
require('../../assets/fonts/iconfont.css')

require('./reg.less')

//引入axios
const axios = require('axios')
//引入验证码
const CaptchaMini = require("captcha-mini")


/**
 * 文档加载事件
 */
 document.addEventListener('DOMContentLoaded', function (){
    /* 
        获取元素
    */
   const account=document.querySelector("#account")
   const code=document.querySelector("#code")
   const password=document.querySelector("#password")
   const agpassword=document.querySelector("#agpassword")
   const regBtn=document.querySelector(".reg-button")
   const errortext=document.querySelector(".errortext")

    /**
     * 验证码
     */
     let captchaCode = '';//接收验证码
     let captcha1 = new CaptchaMini({
         lineWidth: 1,   //线条宽度
         lineNum: 6,       //线条数量
         dotR: 2,          //点的半径
         dotNum: 100,       //点的数量
         fontSize: 80,           //字体大小
         fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型
         fontStyle: 'fill',      //字体绘制方法，有fill和stroke
         length: 4    //验证码长度
     }); //初始化插件

     captcha1.draw(document.querySelector('#captcha1'), function (r) {
        // console.log(r, '验证码1');
        captchaCode = r.toLowerCase()
    });

    /* 点击注册按键进行文本格式验证 */
    regBtn.addEventListener('click',function(){
        // console.log(account.value);
        // console.log(code.value);
        // console.log(password.value);
        
        if(!/^1[3-9]\d{9}$/.test(account.value)){
            errortext.textContent='手机号格式错位';
            return;
        }
        if(code.value.toLowerCase()!==captchaCode){
            errortext.textContent='验证码错误';
            return;
        }
        if(!/^[0-9]{6}$/.test(password.value)){
            errortext.textContent="密码长度应该为六位数"
            return;
        }
        if(agpassword.value!==password.value){
            errortext.textContent='两次输入的密码不一致';
            return;
        }
        errortext.textContent='';
        
        /* 
        通过ajax和后端进行数据传输完成注册
        */
        axios.post('http://47.96.154.185:3701/api/user/register', {
            account: account.value,
            password: password.value
        }).then(function (res) {
            // console.log(res);
            // console.log(res.data);
            // console.log(res.data.errno);
            // console.log(res.data.message);
            if (res.data.errno  == 0) {
                location.href = './login.html'
            } else {
                alert(res.data.message)
            }
        })
    })
    
});